<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>${title}-首页</title>
		<meta name="keywords" content="${keywords}" />
		<meta name="description" content="${description}" />
		<link rel="alternate" href="http://www.fenghuox.com" hreflang="zh-cn" />
		<link rel="icon" type="image/x-icon" href="${app }/static/favicon.ico">
		[#include "/html/blog/include/blogcss.html" /]
	</head>
	<body>
	[#include "/html/blog/include/header.html" /]
	<div class="am-container " id="main">
		<div class="am-g am-g-fixed">
			<div class="am-u-md-8">
				<div id="picrecommenddiv" data-am-widget="slider" class="am-slider am-slider-c3 " data-am-slider='{&quot;controlNav&quot;:false}' >

				</div>
				[@fl_blog_content_list status='1' pageNum='${pageNum}' pageSize='25']
				[#list tag_bean.list as con]
				[#if con.title_img!='']
				<div class="inner-box blog-img am-gallery-item ">
					<div class="am-g">
						<div class="am-u-sm-3">
							<a class="blog-a-curse" href="${app }/blog/content/${con.content_id }.shtml" target="_blank">
								<img class="am_img animated" alt="${con.title }" src="${app }/static/images/loading.gif" data-original="${imgSite}/${con.title_img }" />
							</a>
						</div>
						<div class="am-u-sm-9">
							<div class="blog-header">
								<span class="index-label index-label-blog">博客</span>
								<a href="${app }/blog/category/${con.category_id }.shtml" class="blog-category">${con.category_name }</a>
								<h2><a href="${app }/blog/content/${con.content_id }.shtml" target="_blank">${con.title }</a></h2>
							</div>
							<p class="blog-ext">
								<span class="blog-ext-ico">
									<i class="am-icon-user  blog-ext-ico"></i>
									${con.author }
								</span>
								<span class="blog-ext-ico"><i class="am-icon-clock-o blog-ext-ico"></i>${con.create_time }</span>
								<span class="blog-ext-ico">
									<i class="am-icon-eye blog-ext-ico"></i>
									${con.views_cnt }
								</span>
							</p>
							<p class="blog-content-show">${con.description }<br></p>
							<span class="blog-keyword-show">
								[@fl_blog_tag_list contentId='${con.content_id }']
								[#list tag_list as tag]
								<a class="tag">${tag.tag }</a>
								[/#list]
								[/@fl_blog_tag_list]
							</span>
						</div>
					</div>
				</div>
				[#else]
				<div class="inner-box blog-img">
					<div class="blog-header">
						<span class="index-label index-label-blog">博客</span>
						<a href="${app }/blog/category/${con.category_id }.shtml" class="blog-category">${con.category_name }</a>
						<h2><a href="${app }/blog/content/${con.content_id }.shtml" target="_blank">${con.title }</a></h2>
					</div>
					<p class="blog-ext">
						<span class="blog-ext-ico">
							<i class="am-icon-user am-icon-sm blog-ext-ico"></i>
							${con.author }
						</span>
						<span class="blog-ext-ico"><i class="am-icon-clock-o am-icon-sm blog-ext-ico"></i>${con.create_time }</span>
						<span class="blog-ext-ico">
							<i class="am-icon-eye am-icon-sm blog-ext-ico"></i>
							${con.views_cnt }
						</span>
					</p>
					<p class="blog-content-show">${con.description }<br></p>
					<span class="blog-keyword-show">
						[@fl_blog_tag_list contentId='${con.content_id }']
						[#list tag_list as tag]
						<a class="tag">${tag.tag }</a>
						[/#list]
						[/@fl_blog_tag_list]
					</span>
				</div>
				[/#if]
				[/#list]
				[#if tag_bean.pages>1]
					[@fl_blog_page pageSize="${tag_bean.pageSize }" pageNum="${tag_bean.pageNum }" url="${app}/blog/index.shtml" total="${tag_bean.total}" pages="${tag_bean.pages }"]
					${tag_html}
					[/@fl_blog_page]
				[/#if]
				[/@fl_blog_content_list]
				<div class="wygg">
					<dd>更多精彩<s></s></dd>
					<ul><li><a href="${app }/blog/">阅读更多博客请进入博客频道，点我进入 !</a></li></ul>
				</div>
			</div>
			<div class="am-u-md-4" id="my-side">
				[#include "/html/blog/include/right.html" /]
			</div>
		</div>
	</div>
	[#include "/html/blog/include/footer.html" /]
	</body>
	[#include "/html/blog/include/blogjs.html" /]
    <script type="text/javascript">
        //图片滑动效果
        $(".am_img").on('mouseover', function(){
            $(this).addClass('swing');
        });
        $('.am_img').on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
            $(this).removeClass('swing');
        });
        $("img").lazyload({effect: 'fadeIn'});
    </script>
</html>